<script setup lang="ts">
import TestCounter from './components/TestCounter.vue';

import { useCounterStore } from './store/counter'
// import { useUserStore } from './store/user'

// 得到 counter 仓库 store 实例
const counterStore = useCounterStore()

// const userStore = useUserStore()

</script>

<template>
  <hr>
  <div>App</div>
  <div>count: {{ counterStore.count }}</div>
  <div>doubleCount: {{ counterStore.doubleCount }}</div>
  <div><button @click="counterStore.addCount">addCount</button></div>
  <div><button @click="counterStore.asyncAddCount">asyncAddCount</button></div>
  <hr>
  <TestCounter />
</template>
